<template>
  <!-- <CoursesNav/> -->
  <div class="rec_list">
    <van-card
      @click="todel"
      :title="datalist.title"
      thumb="https://unpkg.com/@vant/assets/ipad.jpeg"
      class="goods-card"
    >
      <template #num>
        <span> {{ datalist.num }}人正在学习 </span>
      </template>
      <template #tags>
        <van-progress color="#ee0a24" :percentage="50" />
      </template>
    </van-card>
  </div>
</template>

<script>
export default {
  components: {},
  name: '',
  data() {
    return {
      datalist: {},
    }
  },
  methods: {
    todel() {
      this.$router.push('/detailRecent')
    },
  },
  // async created(){
  //   const res=await axios.get('/mock/api/home/list')
  //   this.datalist=res.data.data
  // },
  created() {
    // console.log(this.datalist)
    console.log(this.$store.getters['delstudy/astudy'])
    this.datalist = this.$store.getters['delstudy/astudy']
  },
}
</script>

<style lang="less" scoped>
.rec_list {
  margin-top: 2.8rem;
}

.goods-card {
  margin: 0;
  background-color: white;
}

.delete-button {
  height: 100%;
}

:deep(.van-card__title) {
  margin-bottom: 10%;
}

.van-progress {
  width: 70%;

  :deep(.van-progress__pivot) {
    display: none;
  }
}

:deep(.van-card__content) {
  justify-content: start;
}
</style>
